<%@ page import="com.scau.ums.model.Suggestion" %>
<%@ page import="com.scau.ums.model.User" %>
<%@ page import="java.util.List" %>
<%@ page import="com.scau.ums.util.dao.SelectAllSuggestion" %>
<%@ page import="com.scau.ums.model.User" %>
<%@ page import="com.scau.ums.util.tools.IpAddress" %>
<%--
  Created by IntelliJ IDEA.
  User: 莫伟杰
  Date: 2019/7/17
  Time: 14:38
  To change this template use File | Settings | File Templates.


  User: 邱耀华
  Date: 2019/7/25
  Time: 9:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html class="no-js" lang="en">
<script src="js/jquery-3.2.1min.js"></script>
<script src="js/sockjs.min.js"></script>
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Home</title>
  <meta name="robots" content="noindex, follow" />
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Favicon -->
  <link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">

  <!-- CSS
  ============================================ -->
  <!-- google fonts -->
  <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,700,800,900%7CPoppins:300,400,500,600,700,800,900" rel="stylesheet">
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="/css/bootstrapmin.css">
  <!-- Font-awesome CSS -->
  <link rel="stylesheet" href="/css/font-awesomemin.css">
  <!-- Slick slider css -->
  <link rel="stylesheet" href="/css/slickmin.css">
  <!-- animate css -->
  <link rel="stylesheet" href="/css/animate.css">
  <!-- Nice Select css -->
  <link rel="stylesheet" href="/css/nice-select.css">
  <!-- jquery UI css -->
  <link rel="stylesheet" href="/css/jqueryuimin.css">
  <!-- main style css -->
  <link rel="stylesheet" href="/css/style.css">
  <!-- 清除火狐浏览器的显示差异 -->
  <link href="http://cdn.bootcss.com/normalize/4.2.0/normalize.min.css" rel="stylesheet">

<%--  <link rel="stylesheet" href="/css/notification.css">--%>

<%--  <link rel="stylesheet" href="/css/index.css">--%>


<!--notification样式-->
  <style type="text/css">
    .notification {
      /*width: 360px;*/
      /*height: 110px;*/
      /*z-index: 9000;*/
      /*position: fixed;*/
      /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
      /*padding: 20px;*/
      /*margin: 0.5rem 0 1rem 0;*/
      /*border-radius: 2px;*/
      /*background-color: #fff;*/
    }

    .notification .dismiss {
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      color: #fff;
      text-align: center;
      line-height: 20px;
      overflow: hidden;
      position: absolute;
      background-color: #B8B8B8;
      border-radius: 50%;
    }

    .notification .illustration {
      margin-right: 20px;
      float: left;
    }


    .notification .illustration img {
      border-radius: 50%;
    }

    .notification .text .title {
      font-size: 18px;
      font-weight: bold;
    }

    .moreBtn {/*	opacity: 0.3;  zb */opacity: 0.4;background: none repeat scroll 0 0 #fff;position: absolute;bottom: 6%;right:0;top:320px;/*	padding: 0 5px; zb */padding: 0 5px 0 2px;height:25px;width:55px;z-index:2;text-align: center;}

    .moreBtn a{
      color: #000;
      text-decoration:none;
      font-size:14px;
      line-height:25px;
      font-family:"微软雅黑"
    }


  </style>
    <%--"我的"按钮判断跳转--%>
    <script>
        function wodeRedirect() {
            var jsUserType = '<%=request.getSession().getAttribute("USER_TYPE")%>';
            if(jsUserType=='<%=User.ADMIN%>')
            {
                window.location.href="/adminEntrance";
            }
            if(jsUserType=='<%=User.MAINTAINER%>')
            {
                window.location.href="/maintainerEntrance";
            }
            if(jsUserType=='<%=User.STUDENT%>'||jsUserType=='<%=User.TEACHER%>')
            {
                window.location.href="/userEntrance";
            }
        }
    </script>

<!--notification.js样式-->
  <script>

    Notification = window.Notification || {};

    Notification = function () {

      'use strict';

      var number = 0;
      var incPosition = 0;

      var template = function (title, text, image, position) {
        incPosition = number * 120;
        number = number + 1;
        var textHtml = '<div class="text">' + text + '</div>';
        var titleHtml = (!title ? '' : '<div class="title">' + title + '</div>');
        var imageHtml = (!image ? '' : '<div class="illustration"><img src="' + image + '" width="70" height="70" /></div>');
        var style;
        switch (parseInt(position, 10)) {
          case 1:
            style = "top:" + incPosition + "px; left:20px;";
            break;
          case 2:
            style = "top:" + incPosition + "px; right:20px;";
            break;
          case 3:
            style = "bottom:" + incPosition + "px; right:20px;";
            break;
          case 4:
            style = "bottom:" + incPosition + "px; left:20px;";
            break;
          default:
            ;
        }
        return {
          id: number,
          content: '<div style="undefinedposition: ;position: fixed;top: 15px;z-index: 33;width: 360px;height: 85px;background: wheat;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)" class="notification notification-' + number + ' " style="' + style + '">' +
                  '<div class="dismiss">&#10006;</div>' +
                  imageHtml +
                  '<div class="text">' + titleHtml + textHtml + '</div>' +
                  '</div>'
        };
      };

      var hide = function (id) {
        $(document).find('.notification-' + id).remove();
        number = number - 1;
      };

      var create = function (title, text, image, animation, position, delay) {
        var notification = template(title, text, image, position);
        $(notification.content).addClass('animated ' + animation).appendTo('body');
        if (!delay) {
          delay = 2;
        }
        setTimeout(function () {
          hide(notification.id);
        }, 1000 * delay);
      };

      return {
        create: create
      };

    }();

  </script>
</head>

<body>

<header class="header-area">
  <!-- header 开始 -->
  <div class="main-header d-none d-lg-block">
    <!--顶部条开始-->
    <div class="header-top black-bg">
      <div class="container">
        <!--界面布局设计-->
        <div class="row align-items-center">
          <div class="col-lg-6">
            <div class="top-left-navigation">
              <ul class="nav align-items-center">
              </ul>
            </div>
          </div>
          <div class="col-lg-6 d-flex justify-content-end">
              <%
                  Integer hitsCount =
                          (Integer)application.getAttribute("hitCounter");
                  if( hitsCount ==null || hitsCount == 0 ){
                      /* 第一次访问 */
                      hitsCount = 1;
                  }else{
                      /* 返回访问值 */
                      hitsCount += 1;
                  }
                  application.setAttribute("hitCounter", hitsCount);
              %>

              <h5>页面访问量为: <%= hitsCount%></h5>
            <div class="header-social-link">
            </div>
            <ul class="user-info-block">
              <!--登录开始-->
              <%if (request.getSession().getAttribute("USER_NAME")==null){%>
              <li><a href="/login"><i class="fa fa-sign-in"></i> 登录</a></li>
              <%}else{%>
              <ul class="nav">
                <!--登录开始-->
                <li class="mini-cart-wrap">
                  <a href="/userEntrance" class="minicart-btn">
                    <span class="fa fa-user-circle-o"></span>
                    <% String username=(String)request.getSession().getAttribute("USER_NAME");out.print(username);%>
                    <span id="notification" class="notification" style="top: -5px;
                                                      right: 40px;
                                                      position: absolute;
                                                      width: 18px;
                                                      height: 18px;
                                                      text-align: center;
                                                      line-height: 18px;
                                                      font-size: 10px;
                                                      color: #fff;
                                                      border-radius: 50%;
                                                      background-color: #87b106;"></span>
                  </a>

                    <!--websocket实时接收消息-->
                    <script>
                        $(function () {
                            var jsUserType = '<%=request.getSession().getAttribute("USER_TYPE")%>';
                            if(jsUserType=='<%=User.ADMIN%>')
                            {
                                document.getElementById("notification").style.display = "none";
                            }
                            if(jsUserType=='<%=User.MAINTAINER%>')
                            {
                                document.getElementById("notification").style.display = "none";
                            }
                            if(jsUserType=='<%=User.STUDENT%>'||jsUserType=='<%=User.TEACHER%>')
                            {
                                transferCircleNumber();
                            }
                        })
                        // var noticeSum=0;
                        // $.ajax({
                        //   url: "/receiveInfo",
                        //   async:true,
                        //   type: "GET",
                        //   dataType:"json",
                        //   success: function (res) {  //res是server端响应
                        //     noticeSum++;
                        //     console.log(res);
                        //     if(res==0){
                        //       document.getElementById("notification").style.display="none";
                        //     }
                        //     else{
                        //       document.getElementById("notification").innerText=noticeSum.toString();
                        //     }
                        //   }
                        // })
                        // var noticeSum=0;
                        // if(noticeSum==0){
                        //   document.getElementById("notification").style.display="none";
                        // }
                        // $(function() {
                        //   var websocket;
                        //   if('WebSocket' in window) {
                        //     console.log("此浏览器支持websocket");
                        //     websocket = new WebSocket("ws://localhost:8080/websocket");
                        //   } else if('MozWebSocket' in window) {
                        //     alert("此浏览器只支持MozWebSocket");
                        //   } else {
                        //     alert("此浏览器只支持SockJS");
                        //   }
                        //   websocket.onopen = function(evnt) {
                        //     console.log(evnt);
                        //     $("#tou").html("链接服务器成功!")
                        //   };
                        //   websocket.onmessage = function(evnt) {
                        //     noticeSum++;
                        //     document.getElementById("notification").style.display="block";
                        //     document.getElementById("notification").innerText=noticeSum.toString();
                        //     alert(evnt);
                        //   };
                        //   websocket.onerror = function(evnt) {};
                        //   websocket.onclose = function(evnt) {
                        //     console.log("与服务器断开了链接!");
                        //     $("#tou").html("与服务器断开了链接!")
                        //   }
                        //
                        //   $('#close').bind('click', function() {
                        //     websocket.close();
                        //   });
                        //
                        //   $('#send').bind('click', function() {
                        //     send();
                        //   });
                        //
                        //   function send() {
                        //     if(websocket != null) {
                        //       var message = document.getElementById('message').value;
                        //       console.log(message);
                        //       websocket.send("#anyone#"+message);
                        //     } else {
                        //       alert('未与服务器链接.');
                        //     }
                        //   }
                        // });



                        var websocket = null;
                        //判断当前浏览器是否支持WebSocket
                        if ('WebSocket' in window) {
                          websocket = new WebSocket("ws://<%=IpAddress.ipAddress%>:8080/websocket/<%=request.getSession().getAttribute("USER_ID")%>");
                        }
                        else {
                          console.log('当前浏览器不支持 websocket')
                        }

                        //连接发生错误的回调方法
                        websocket.onerror = function () {
                          console.log("WebSocket连接发生错误");
                        };


                        //连接成功建立的回调方法
                        websocket.onopen = function () {
                          console.log("<%=IpAddress.ipAddress%>WebSocket连接成功"+<%=request.getSession().getAttribute("USER_ID")%>);
                        }


                        //接收到消息的回调方法
                        websocket.onmessage = function (event) {
                          // console.log(event.data);
                          $("#flipInX").click();
                          // alert("管理员给您发送了一条消息："+event.data);
                            var jsUserType = '<%=request.getSession().getAttribute("USER_TYPE")%>';
                            if(jsUserType=='<%=User.STUDENT%>'||jsUserType=='<%=User.TEACHER%>')
                            {
                                transferCircleNumber();
                            }

                        }


                        //连接关闭的回调方法
                        websocket.onclose = function () {
                          console.log("WebSocket连接关闭");
                        }


                        //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
                        window.onbeforeunload = function () {
                          closeWebSocket();
                        }


                        //关闭WebSocket连接
                        function closeWebSocket() {
                          websocket.close();
                        }

                    </script>

                    <!--转换圆心数字-->
                    <script>
                      function transferCircleNumber() {
                        $.ajax({
                          type: "GET",
                          url: "countMessage",
                          dataType: "json",
                          success: function (data) {
                            document.getElementById("notification").style.display = "block";
                            if (data == 0) {
                              document.getElementById("notification").style.display = "none";
                            }
                            document.getElementById("notification").innerText = data;
                            // noticeSum = data;
                          },
                          error: function () {
                            document.getElementById("notification").style.display = "none";
                          }
                        })
                      }
                    </script>


                  <!--两个按钮开始-->
                  <div class="cart-list-wrapper">
                    <div class="minicart-button">
                      <a onclick="wodeRedirect()"><i class="fa fa-user-plus"></i> 我的</a>
                      <a href="/logout"><i class="fa fa-user-times"></i> 注销</a>
                      <!--当管理员发消息时，会自动触发此按钮，相应的，会触发对应绑定的click事件，此按钮默认隐藏-->
                      <button id="flipInX" class="notify btn" value="flipInX" style="display:none">flipInX</button>
                      <script>
                        var position=100;
                        $("#flipInX").click(function (event) {
                          Notification.create(
                                  // Title
                                  "消息",
                                  // Text
                                  "您有一条新的消息",
                                  // Illustration
                                  "img/user.jpg",
                                  // Effect
                                  $(event.target).text(),
                                  // Position
                                  position
                          );
                        });
                      </script>
                    </div>
                  </div>
                  <!--两个按钮结束-->
                </li>
                <!--登录结束-->
              </ul>
              <%}%>
              <!--登录结束-->
            </ul>
          </div>
        </div>
      </div>
    </div>

    <!--顶部条结束-->

    <!-- 顶部中间开始 -->
    <div class="header-main-area black-soft sticky">
      <div class="container">
        <div class="row align-items-center position-relative">
          <!-- logo展示开始 -->
          <div class="col-auto">
            <div class="logo">
              <a href="/">
                <img src="img/2.jpg" style="margin-bottom:58px" alt="Brand Logo">
              </a>
            </div>
          </div>
          <!-- logo展示结束 -->

          <!-- 顶部标签栏开始 -->
          <div class="col-auto position-static">
            <div class="main-menu-area">
              <div class="main-menu">
                <!-- 标签栏开始 -->
                <nav class="desktop-menu">
                  <ul>
                    <li class="active"><a href="/">主页 <i class="fa fa-angle-left"></i></a>
                     </li>
                    <li><a href="#">信息服务 <i class="fa fa-angle-down"></i></a>
                      <ul class="dropdown">
                        <li><a href="/getlist">失物招领 <i class="fa fa-align-center"></i></a>
                        </li>
                        <li><a href="/new_suggestion">发表建议 <i class="fa fa-align-center"></i></a>
                        </li>
                        <li><a href="/diyShowNews">新闻动态 <i class="fa fa-align-center"></i></a>
                        </li>
                        <li><a href="#">更多 <i class="fa fa-align-center"></i></a>
                        </li>
                      </ul>
                    </li>
                    <li><a href="/repairreport">报修服务 <i class="fa fa-angle-left"></i></a>
                    </li>
                    <li><a href="#">校园短信通<i class="fa fa-angle-left"></i></a>
                    </li>
                    <li><a href="#">联系我们</a></li>
                  </ul>
                </nav>
                <!-- 标签栏结束 -->
              </div>
            </div>
          </div>
          <!-- 顶部标签栏结束 -->

        </div>
      </div>
    </div>
    <!-- 顶部中间结束 -->
  </div>
  <!-- header 结束 -->
</header>


<main>
  <!-- 轮播图开始 -->
<%--  <section class="hero-slider">--%>
<%--    <div class="hero-slider-active slick-arrow-style slick-arrow-style_hero slick-dot-style">--%>
<%--      <!-- 单个轮播图开始 -->--%>
<%--      <div class="hero-single-slide hero-overlay">--%>
<%--        <div class="hero-slider-item hero-1 bg-img" data-bg="img/slider/4-x.jpg">--%>
<%--          <div class="container">--%>
<%--            <div class="row">--%>
<%--              <div class="col-md-12">--%>
<%--                <div class="hero-slider-content slide-1">--%>

<%--                </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </div>--%>
<%--        </div>--%>
<%--      </div>--%>
<%--      <!-- 单个轮播图结束 -->--%>

<%--      <!-- 单个轮播图开始 -->--%>
<%--      <div class="hero-single-slide hero-overlay">--%>
<%--        <div class="hero-slider-item hero-1 bg-img" data-bg="img/slider/5-x.jpg">--%>
<%--          <div class="container">--%>
<%--            <div class="row">--%>
<%--              <div class="col-md-12">--%>
<%--                <div class="hero-slider-content slide-2">--%>
<%--                  </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </div>--%>
<%--        </div>--%>
<%--      </div>--%>
<%--      <!-- 单个轮播图结束 -->--%>
<%--    </div>--%>
<%--  </section>--%>
  <!-- 轮播图结束 -->


  <!-- slider area start -->
  <section class="hero-slider hero-slider--style-4">
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <div class="hero-slider-active slick-arrow-style slick-arrow-style_hero slick-dot-style">
            <!-- 单张图片开始 -->
            <div class="hero-single-slide">
              <div class="hero-slider-item bg-img" data-bg="img/qinghuayuan.jpg">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="hero-slider-content text-center slide-1">
                        <h2 class="slide-title text-white" style="
                                                            margin-right: 356px;
                                                            margin-top: 200px;
                                                            width: 400px;
                                                            height: auto;
                                                            line-height: 33px;
                                                            background-image: url(img/touming.png);
                                                        ">基础医学院占昌友研究员团队在脑靶向脂质体药物设计上取得新进展</h2>
                        <div class="moreBtn">
                          <a href="/diyShowNews">More></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 单张图片结束 -->

            <!-- 单张图片开始 -->
            <div class="hero-single-slide">
              <div class="hero-slider-item bg-img" data-bg="img/qinghuayuan.jpg">
                <div class="container">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="hero-slider-content text-center slide-2">
                        <h2 class="slide-title text-white" style="
                                                            margin-right: 356px;
                                                            margin-top: 200px;
                                                            width: 400px;
                                                            height: auto;
                                                            line-height: 33px;
                                                            background-image: url(img/touming.png);
                                                        ">高校后勤管理系统</h2>
                        <div class="moreBtn">
                          <a href="/diyShowNews">More></a>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- 单张图片结束始 -->
          </div>
        </div>
        <div class="col-md-4 mtn-30 mtsm-0">
          <!--顶部右边两张图-->
          <div class="banner-statistics mt-30">
            <a href="/diyShowNews">
              <img src="img/houmeng.jpg" alt="Harmony 系统">
            </a>
          </div>
          <div class="banner-statistics mt-30">
            <a href="/diyShowNews">
              <img src="img/beida.jpg" style="margin-top:-10px" alt="清华园">
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- slider area end -->

  <!-- 四大模块开始 -->
  <section class="service-policy bg-gray mtn-100">
    <div class="container">
      <div class="row row-10">
        <div class="col-lg-3 col-sm-6">
          <div class="policy-block text-center">
            <a href="/getlist">
            <div class="policy-icon">
              <i class="fa fa-heart-o"></i>
            </div>
            </a>
            <div class="policy-text">
              <h4 class="policy-title">失物招领</h4>
              <p class="policy-desc">如果你有在学校遗失物品，有可能在这里找到</p>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <div class="policy-block text-center">
            <a href="/new_suggestion">
            <div class="policy-icon">
              <i class="fa fa-envelope-open"></i>
            </div>
            </a>
            <div class="policy-text">
              <h4 class="policy-title">发表建议</h4>
              <p class="policy-desc">如果你对学校有任何不满或者有希望学校改进的地方，可以在这里提出</p>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6">
          <div class="policy-block text-center">
            <a href="/diyShowNews">
            <div class="policy-icon">
              <!--                                <i class="fa fa-power-off"></i>-->
              <i class="fa fa-newspaper-o"></i>
            </div>
            </a>
            <div class="policy-text">
              <h4 class="policy-title">新闻动态</h4>
              <p class="policy-desc">你可以在这个模块看到学校最近发生的事情</p>
            </div>
          </div>
        </div>

        <div class="col-lg-3 col-sm-6">
          <div class="policy-block text-center">
            <a href="#">
            <div class="policy-icon">
              <i class="fa fa-location-arrow"></i>
            </div>
            </a>
            <div class="policy-text">
              <h4 class="policy-title">更多</h4>
              <p class="policy-desc">更多功能有待开发</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- 四大模块结束 -->

  <!--学校动态开始-->
<%--  <section class="product-gallery section-padding">--%>
<%--    <div class="container">--%>
<%--    <div class="col-lg-3 col-md-4">--%>
<%--     &lt;%&ndash; <div class="row3">--%>
<%--        <div class="newz">--%>
<%--          <div class="section-title text-center">--%>
<%--            <h3 class="title">学校要闻</h3>--%>

<%--          </div>--%>
<%--        </div>--%>
<%--      </div>--%>
<%--      <div class="row2">--%>
<%--        <div class="col-12">--%>
<%--          <div class="product-carousel--4 slick-row-5 slick-arrow-style">--%>
<%--            <!-- 单个新闻开始 -->--%>
<%--            <div class="product-item">--%>
<%--              <div class="product-thumb">--%>
<%--                <a href="#">--%>
<%--                  <img src="img/News/1.jpg" alt="product thumb">--%>
<%--                </a>--%>
<%--                <div class="button-group">--%>
<%--                  <!--                                        <a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart-o"></i></a>-->--%>
<%--                  <a href="#" data-toggle="modal" data-target="#quick_view" style="margin-left: 30px"><span data-toggle="tooltip"  title="Quick View"><i class="fa fa-eye"></i></span></a>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--              <div class="product-content">--%>
<%--                <div class="product-caption">--%>
<%--                  <h6 class="product-name">--%>
<%--                    <a href="#">我校工程学院王在满老师荣获第十五届中国青年科技奖</a>--%>
<%--                  </h6>--%>
<%--                  <div class="price-box">--%>
<%--                  </div>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--            <!-- 单个新闻结束 -->--%>

<%--            <!-- 单个新闻开始 -->--%>
<%--            <div class="product-item">--%>
<%--              <div class="product-thumb">--%>
<%--                <a href="#">--%>
<%--                  <img src="img/News/1.jpg" alt="product thumb">--%>
<%--                </a>--%>
<%--                <div class="button-group">--%>
<%--                  <!--                                        <a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart-o"></i></a>-->--%>
<%--                  <a href="#" data-toggle="modal" data-target="#quick_view" style="margin-left: 30px"><span data-toggle="tooltip"  title="Quick View"><i class="fa fa-eye"></i></span></a>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--              <div class="product-content">--%>
<%--                <div class="product-caption">--%>
<%--                  <h6 class="product-name">--%>
<%--                    <a href="#">我校工程学院王在满老师荣获第十五届中国青年科技奖</a>--%>
<%--                  </h6>--%>
<%--                  <div class="price-box">--%>
<%--                  </div>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--            <!-- 单个新闻结束 -->--%>

<%--            <!-- 单个新闻开始 -->--%>
<%--            <div class="product-item">--%>
<%--              <div class="product-thumb">--%>
<%--                <a href="#">--%>
<%--                  <img src="img/News/1.jpg" alt="product thumb">--%>
<%--                </a>--%>
<%--                <div class="button-group">--%>
<%--                  <!--                                        <a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart-o"></i></a>-->--%>
<%--                  <a href="#" data-toggle="modal" data-target="#quick_view" style="margin-left: 30px"><span data-toggle="tooltip"  title="Quick View"><i class="fa fa-eye"></i></span></a>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--              <div class="product-content">--%>
<%--                <div class="product-caption">--%>
<%--                  <h6 class="product-name">--%>
<%--                    <a href="#">我校工程学院王在满老师荣获第十五届中国青年科技奖</a>--%>
<%--                  </h6>--%>
<%--                  <div class="price-box">--%>
<%--                    <!--                                            <span class="price-old"><del>$90.00</del></span>-->--%>
<%--                    <!--                                            <span class="price-regular">$70.00</span>-->--%>
<%--                  </div>--%>
<%--                  <!--                                        <a class="add-to-cart" href="cart.html"><i class="fa fa-shopping-cart"></i></a>-->--%>
<%--                </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--            <!-- 单个新闻结束 -->--%>

<%--            <!-- 单个新闻开始 -->--%>
<%--            <div class="product-item">--%>
<%--              <div class="product-thumb">--%>
<%--                <a href="#">--%>
<%--                  <img src="img/News/1.jpg" alt="product thumb">--%>
<%--                </a>--%>
<%--                <div class="button-group">--%>
<%--                  <!--                                        <a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart-o"></i></a>-->--%>
<%--                  <a href="#" data-toggle="modal" data-target="#quick_view" style="margin-left: 30px"><span data-toggle="tooltip"  title="预览"><i class="fa fa-eye"></i></span></a>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--              <div class="product-content">--%>
<%--                <div class="product-caption">--%>
<%--                  <h6 class="product-name">--%>
<%--                    <a href="#">我校工程学院王在满老师荣获第十五届中国青年科技奖</a>--%>
<%--                  </h6>--%>
<%--                  <div class="price-box">--%>
<%--                    <!--                                            <span class="price-old"><del>$90.00</del></span>-->--%>
<%--                    <!--                                            <span class="price-regular">$70.00</span>-->--%>
<%--                  </div>--%>
<%--                  <!--                                        <a class="add-to-cart" href="cart.html"><i class="fa fa-shopping-cart"></i></a>-->--%>
<%--                </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--            <!-- 单个新闻结束 -->--%>

<%--            <!-- 单个新闻开始 -->--%>
<%--            <div class="product-item">--%>
<%--              <div class="product-thumb">--%>
<%--                <a href="#">--%>
<%--                  <img src="img/News/1.jpg" alt="product thumb">--%>
<%--                </a>--%>
<%--                <div class="button-group">--%>
<%--                  <!--                                        <a href="wishlist.html" data-toggle="tooltip" title="Add to Wishlist"><i class="fa fa-heart-o"></i></a>-->--%>
<%--                  <a href="#" data-toggle="modal" data-target="#quick_view" style="margin-left: 30px"><span data-toggle="tooltip"  title="Quick View"><i class="fa fa-eye"></i></span></a>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--              <div class="product-content">--%>
<%--                <div class="product-caption">--%>
<%--                  <h6 class="product-name">--%>
<%--                    <a href="#">我校工程学院王在满老师荣获第十五届中国青年科技奖</a>--%>
<%--                  </h6>--%>
<%--                  <div class="price-box">--%>
<%--                  </div>--%>
<%--                </div>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--            <!-- 单个新闻结束 -->--%>
<%--          </div>--%>
<%--        </div>--%>
<%--      </div>&ndash;%&gt;--%>


<%--       <div class="myaccount-tab-menu nav" role="tablist" style="width:500px;display: inline-block">--%>
<%--        <a id="anewsLi1" href="#newsLi1" data-toggle="tab" style="width:200px;float: left;">通知</a>--%>
<%--        <a id="anewsLi2" href="#newsLi2" data-toggle="tab" style="width: 200px;float: left">新闻</a>--%>
<%--       </div>--%>

<%--    </div>--%>
<%--    </div>--%>
<%--    <div class="col-lg-9 col-md-8"--%>
<%--         style="/* width: 156px; */margin-left: 299px;border-bottom: none;/* background: green; *//* float: right; */margin-top: -103px;">--%>
<%--      <div class="tab-content">--%>
<%--    <!--通知开始 -->--%>
<%--    <div class="tab-pane fade show active" id="newsLi1" role="tabpane1">--%>
<%--      <div class="myaccount-content">--%>

<%--        <div class="myaccount-table table-responsive text-center">--%>
<%--          11--%>
<%--        </div>--%>

<%--      </div>--%>
<%--    </div>--%>
<%--    <!--通知结束-->--%>

<%--    <!--新闻开始 -->--%>
<%--    <div class="tab-pane fade" id="newsLi2" role="tabpane1">--%>
<%--      <div class="myaccount-content">--%>

<%--        <div class="myaccount-table table-responsive text-center">--%>
<%--          22--%>
<%--        </div>--%>

<%--      </div>--%>
<%--    </div>--%>
<%--    <!--新闻结束-->--%>
<%--      </div>--%>
<%--    </div>--%>

<%--    <script>--%>
<%--      $("#anewsLi1").hover(function () {--%>
<%--        $("#anewsLi1").click();--%>
<%--      })--%>
<%--      $("#anewsLi2").hover(function () {--%>
<%--        $("#anewsLi2").click();--%>
<%--      })--%>
<%--    </script>--%>
<%--  </section>--%>
  <!--学校动态结束-->

  <!--展示建议模块开始-->
  <section class="testimonial-area bg-img section-padding" data-bg="img/7.jpg">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <div class="testimonial-wrapper">
            <h4 style="text-align: center;margin-bottom: 10px;color:wheat">建言献策</h4>
            <hr style="background-color: wheat;width: 200px">
            <div class="testimonial-carousel" style="margin-top: 30px">
              <!-- 单个建议开始 -->
              <%
                SelectAllSuggestion selectAllSuggestion=new SelectAllSuggestion();
                List<Suggestion> list=selectAllSuggestion.find();
                session.setAttribute("list",list);
              %>

              <c:forEach items="${list}" var="li">
              <div class="testimonial-slide-item">
                <div class="testimonial-item text-center">
                  <p class="testimonial-desc">
                    ${li.content}
                  </p>
                  <h6 class="author-designation">
                    ${li.speakername}
                  </h6>
                </div>
              </div>
              </c:forEach>
              <!-- 单个建议结束 -->
              <%
                session.removeAttribute("list");
              %>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--展示建议模块结束-->
</main>

<!-- 推到顶部箭头 -->
<div class="scroll-top not-visible">
  <i class="fa fa-angle-up"></i>
</div>
<!-- 推到顶部结束 -->


<!-- 底部 start -->
<footer class="black-bg">
  <div class="footer-middle-area">
    <div class="container">
      <div class="row mtn-30">
        <div class="col-lg-6 col-sm-12">
          <div class="address-block mt-30">
            <div class="footer-logo">
              <a href="/">
                <img src="img/2.jpg" alt="Brand Logo">
              </a>
            </div>
            <address class="address-info d-flex align-items-center">
              <i class="fa fa-map-marker"></i>
              <p><span>ADDRESS : </span> 梦翔大厦</p>
            </address>
          </div>
        </div>
        <div class="col-lg-3 col-sm-6">
          <address class="address-info email mt-30">
            <i class="fa fa-envelope"></i>
            <p><span>EMAIL : </span><a href="#">xxxx@qq.com</a></p>
          </address>
        </div>
        <div class="col-lg-3 col-sm-6">
          <address class="address-info email mt-30">
            <i class="fa fa-phone"></i>
            <p><span>PHONE : </span><a href="#">158xxxxx9442</a></p>
          </address>
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom-area text-center">
    <div class="container">
      <div class="row">
        <div class="newz2">
          <div class="payment-method-list">

          </div>

          <p class="copyright">
            Copyright © www.xxx.com
          </p>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- 底部 end -->


<!-- 模态框开始 -->
<div class="modal" id="quick_view">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">
        <!-- 新闻描述开始 -->
        <div class="product-details-inner">
          <div class="newz3">
            <div class="col-lg-5">
              <div class="product-large-slider">
                <div class="pro-large-img">
                  <img src="img/News/1.jpg" alt="product-details" />
                </div>
                <div class="pro-large-img">
                  <img src="img/News/2.jpg" alt="product-details" />
                </div>
                <div class="pro-large-img">
                  <img src="img/News/3.jpg" alt="product-details" />
                </div>
                <div class="pro-large-img">
                  <img src="img/News/4.jpg" alt="product-details" />
                </div>
              </div>
              <div class="pro-nav slick-row-10 slick-arrow-style">
                <div class="pro-nav-thumb">
                  <img src="img/News/1.jpg" alt="product-details" />
                </div>
                <div class="pro-nav-thumb">
                  <img src="img/News/2.jpg" alt="product-details" />
                </div>
                <div class="pro-nav-thumb">
                  <img src="img/News/3.jpg" alt="product-details" />
                </div>
                <div class="pro-nav-thumb">
                  <img src="img/News/4.jpg" alt="product-details" />
                </div>
              </div>
            </div>
            <div class="col-lg-7">
              <div class="product-details-des">
                <h3 class="product-name">我校工程学院王在满老师荣获第十五届中国青年科技奖</h3>
                <div class="ratings d-flex">
                </div>

                  <p class="pro-desc">6月29日下午，第十五届中国青年科技奖颁奖会暨青年科技人才论坛在哈尔滨工业大学举行。
                  我校工程学院王在满老师荣获第十五届中国青年科技奖，
                  成为本届全国唯一当选的农机人，也是我校首位获此殊荣的青年教师。</p>
              </div>
            </div>
          </div>
        </div>
        <!-- 新闻描述结束 -->
      </div>
    </div>
  </div>
</div>
<!-- 模态框结束 -->

<!-- JS -->

<!-- Modernizer JS -->
<script src="js/modernizr-3.6.0min.js"></script>
<!-- jQuery JS -->
<script src="js/jquery-3.3.1min.js"></script>
<!-- Popper JS -->
<script src="js/poppermin.js"></script>
<!-- Bootstrap JS -->
<script src="js/bootstrapmin.js"></script>
<!-- slick Slider JS -->
<script src="js/slickmin.js"></script>
<!-- Countdown JS -->
<script src="js/countdownmin.js"></script>
<!-- Nice Select JS -->
<script src="js/nice-selectmin.js"></script>
<!-- jquery UI JS -->
<script src="js/jqueryuimin.js"></script>
<!-- Image zoom JS -->
<script src="js/image-zoommin.js"></script>
<!-- image loaded js -->
<script src="js/imagesloadedpkgdmin.js"></script>
<!-- masonry  -->
<script src="js/masonrypkgdmin.js"></script>
<!-- mailchimp active js -->
<script src="js/ajaxchimp.js"></script>
<!-- contact form dynamic js -->
<script src="js/ajax-mail.js"></script>
<!-- google map api -->
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyCfmCVTjRI007pC1Yk2o2d_EhgkjTsFVN8"></script>
<!-- google map active js -->
<script src="js/google-map.js"></script>
<!-- Main JS -->
<script src="js/main.js"></script>

</body>

</html>